import React, { Component } from 'react';
import { Carousel } from 'antd';
import '../index.css'
import imgSrc from '../img/9dea44422278a16ffd78d04af3b49b4b.jpg'
import ImgSrc from '../img/d84cc185747c31c1e186139bef659221.jpg'
import iMgSrc from '../img/f8b57608c4a70b9736bc2f9443da2eda.jpg'
import imGSrc from '../img/f611e97f68574496cfcedefb29e6f551.jpg'

function onChange(a, b, c) {
    console.log(a, b, c);
  }

class index extends Component {
    render() {
        return (
            
               <div className='a'>
                <div className='b'>
                <Carousel afterChange={onChange}>
                    <div>
                    <img src={imgSrc} alt="" style={{height:"152px",width: "414px"}}/>
                    </div>
                    <div>
                    <img src={ImgSrc} alt="" style={{height:"152px",width: "414px"}}/>                    
                    </div>
                    <div>
                    <img src={iMgSrc} alt="" style={{height:"152px",width: "414px"}}/>                    
                    </div>
                    <div>
                    <img src={imGSrc} alt="" style={{height:"152px",width: "414px"}}/>                    
                    </div>
                </Carousel>
                </div>    
               </div> 
            
        );
    }
}

export default index;